<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>热点榜</title>
		<style>
			a{
				text-decoration: none;
				color: #000;
			}
			.box{
				
				border: 1px solid;
				width: 800px;
				display: flex;
			}
			
			.box div{
				margin-left: 5px;
				height: 300px;
				
			}
			
			.rd{
				
				flex: 1;
				background-color: palegoldenrod
			}
			
			.zb{
				flex: 1;
				background-color: paleturquoise;
			}
			
			.ss{
				
				flex: 1;
				background-color: skyblue;
			}
			
			.rg{
				
				flex: 1;
				background-color: teal;
			}

		</style>
	</head>
	<body>
		<div class="box">
			<div class="rd">
				<strong>热点榜</strong>

			</div>
			
			<div class="zb">
				<strong>直播</strong>
			</div>
			
			<div class="ss">
				<strong>上升热点榜</strong>
			</div>
			
			<div class="rg">
				<strong>热歌榜</strong>
			</div>
		</div>

	</body>
</html>
